:root {
  --vp-c-brand        : #7828C8;
  --vp-c-green        : #7828C8;
  --vp-c-green-light  : #571D91;
  --vp-c-green-lighter: #571D91;
  --vp-c-green-dark   : #571D91;
  --vp-c-green-darker : #571D91;
}

.dark {
  --vp-c-bg         : #000;
  --vp-code-block-bg: #111;
  --vp-c-bg-alt     : rgba(0, 0, 0, 0.5)
}


@media (min-width: 960px) {
  .dark .VPNavBar.has-sidebar .content[data-v-d84f2262] {
    background: rgba(36, 36, 36, 0.1);
  }
}

.Layout::before {
  content            : "";
  background-image   : url(../../images/gradient-right-dark.svg);
  background-size    : 100% 100%;
  background-position: right;
  background-repeat  : no-repeat;
  opacity            : 1;
  max-width          : 100%;
  height             : 100%;
  width              : 50%;
  position           : fixed;
  top                : -20%;
  right              : -10%;
  display            : block;
}

.Layout::after {
  content            : "";
  background-image   : url(../../images/gradient-left-dark.svg);
  background-size    : 100% 100%;
  background-position: right;
  background-repeat  : no-repeat;
  opacity            : 1;
  max-width          : 100%;
  height             : 100%;
  width              : 50%;
  position           : fixed;
  bottom             : -20%;
  left               : -10%;
  display            : block;
  z-index            : -1;
}

@media (min-width: 960px) {
  .title {
    font-size: 24px !important;
  }
}